.mine {
	padding: 0 15px;
	/*#ifdef APP-PLUS*/
	padding-top: calc(var(--status-bar-height));
	/*#endif*/
	background: url(@/static/image/38.png) no-repeat;
	background-size: 100%;
	.head {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 30px 0 0;

		> view:nth-child(1) {
			display: flex;
			align-items: center;
			> view:nth-child(2) {
				font-size: 14px;
				color: rgba(255, 255, 255, 0.6);
				margin-left: 15px;

				> view:nth-child(1) {
					font-size: 20px;
					color: #ffffff;
					margin-bottom: 10px;
					text {
						background: #e2b720;
						border-radius: 30px 30px 30px 30px;
						padding: 4px 10px;
						font-size: 12px;
						font-weight: 800;
						color: #171a24;
					}
				}
			}
		}
		> image {
			width: 25px;
			height: 25px;
		}
	}
	.title {
		font-size: 18px;
		color: #ffffff;
		margin: 20px 0 10px;
	}
	.totalAssets {
		background: rgba(255, 255, 255, 0.06);
		border-radius: 5px 5px 5px 5px;
		border-top: 1px solid rgba(255, 255, 255, 0.1);
		> view:nth-child(1) {
			padding: 15px 20px;
			> view:nth-child(1) {
				text-align: center;
				> view:nth-child(1) {
					font-size: 16px;
					color: #ffffff;
					margin-bottom: 6px;
				}
				> view:nth-child(2) {
					font-size: 25px;
					color: #22b1ff;
					font-weight: bold;
				}
			}
			> view:nth-child(2) {
				display: flex;
				justify-content: space-between;
				margin-top: 15px;
				> view {
					background: rgba(255, 255, 255, 0.1);
					border-radius: 29px 29px 29px 29px;
					border: 1px solid rgba(255, 255, 255, 0.1);
					font-size: 13px;
					color: #22b1ff;
					padding: 6px 14px;
					min-width: 50px;
					text-align: center;
				}
			}
		}

		> view:nth-child(2) {
			background: url(@/static/image/40.png) no-repeat;
			background-size: 100% 100%;
			padding: 0 10px;
			> view:nth-child(1) {
				border-bottom: 1px solid rgba(255, 255, 255, 0.15);
			}
			> view {
				display: flex;
				padding: 18px 0;
				> view {
					font-size: 11px;
					color: rgba(255, 255, 255, 0.7);
					width: 50%;
					text-align: center;
					border-right: 1px solid rgba(255, 255, 255, 0.15);

					image {
						width: 12px;
						height: 12px;
						vertical-align: middle;
						margin-right: 2px;
					}
					> view:nth-child(1) {
						font-size: 14px;
						color: #ffffff;
						margin-bottom: 4px;
					}
				}
				> view:last-child {
					border-right: 0;
				}
			}
		}
		.balance {
			padding: 0 !important;
		}
	}
	.lowerLevelInvitation {
		background: rgba(255, 255, 255, 0.06);
		border-radius: 5px 5px 5px 5px;
		border-top: 1px solid rgba(255, 255, 255, 0.1);
		padding: 0 10px;

		> view {
			padding: 10px 0;
			border-bottom: 1px solid rgba(255, 255, 255, 0.15);
			> view:nth-child(1) {
				> view:nth-child(1) {
					font-size: 15px;
					color: #22b1ff;
					margin-bottom: 8px;
				}
				> view:nth-child(2) {
					display: flex;
					font-size: 15px;
					color: rgba(255, 255, 255, 0.4);
					> view {
						width: 50%;
						> view:nth-child(2) {
							font-size: 15px;
							color: #ffffff;
							margin-top: 6px;
						}
					}
				}
			}
		}
		> view:last-child {
			border-bottom: 0;
		}
	}
	.myService {
		> view {
			font-size: 16px;
			color: #ffffff;
			display: flex;
			align-items: center;
			background: rgba(255, 255, 255, 0.06) url(@/static/image/35.png) no-repeat right 16px center;
			border-radius: 5px 5px 5px 5px;
			border-top: 1px solid rgba(255, 255, 255, 0.1);
			background-size: 22px 22px;
			margin-bottom: 10px;
			image {
				width: 43px;
				height: 43px;
				margin-right: 5px;
			}
		}
		> view:active {
			opacity: 0.7;
		}
	}
}
.securityCenter {
	.com {
		background: rgba(255, 255, 255, 0.1);
		border-radius: 10px;
		margin: 15px;
		> view {
			padding: 15px;
			font-size: 16px;
			color: rgba(255, 255, 255, 0.6);
			background: url(@/static/image/35.png) no-repeat right 12px center;
			background-size: 22px 22px;
		}
		> view:nth-child(1) {
			border-bottom: 1px solid rgba(255, 255, 255, 0.14);
		}
	}
}
.transfer {
	.com {
		padding: 12px;
		.title {
			font-size: 16px;
			color: #ffffff;
			margin-bottom: 10px;
		}
		.item {
			height: 50px;
			background: rgba(255, 255, 255, 0.05);
			border: 1px solid rgba(255, 255, 255, 0.24);
			padding: 0 10px !important;
			margin-bottom: 30px;
		}
		.list {
			margin-bottom: 20px;
			> view {
				background: rgba(255, 255, 255, 0.05) url(@/static/image/81.png) no-repeat center center;
				background-size: 20px 20px;
				border: 1px solid rgba(255, 255, 255, 0.24);
				padding: 8px;
				font-size: 16px;
				color: rgba(255, 255, 255, 0.6);
				display: flex;
				justify-content: space-around;
				text-align: center;
				border-radius: 8px;
				transition: all 0.3s;
				margin-bottom: 8px;
				> view {
					> view:nth-child(2) {
						font-size: 14px;
						color: rgba(255, 255, 255, 0.5);
						margin-top: 3px;
					}
				}
			}
			.avtive {
				background: #22b1ff url(@/static/image/83.png) no-repeat center center;
				background-size: 20px 20px;
				color: #ffffff;
				> view {
					> view:nth-child(2) {
						color: rgba(255, 255, 255, 0.8);
					}
				}
			}
		}
	}
}
.about {
	.com {
		padding: 15px;
		text-align: center;
		> view:nth-child(2) {
			font-size: 36px;
			color: #ffffff;
		}
		image {
			width: 100px;
			height: 100px;
			margin-bottom: 10px;
		}
		.text {
			font-size: 15px;
			color: rgba(255, 255, 255, 0.8);
			line-height: 32px;
			text-align: left;
			margin-top: 18px;
		}
		.fot {
			font-size: 12px;
			color: rgba(255, 255, 255, 0.8);
			text-align: center;
			margin: 30px 0 10px;
			line-height: 20px;
		}
	}
}
